<template>
  <div class="product">
    <!-- 顶部导航栏 -->
    <van-sticky :offset-top="0">
      <van-nav-bar
        title="服务产品"
        left-text="返回"
        left-arrow
        @click-left="onClickLeft"
      />
    </van-sticky>
    <!-- 根据栏目查询对应的产品信息 -->
    <div class="productContent"></div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      // 侧边导航默认点击
      activeKey: "0",
      // 首页跳转后传递的栏目id
      categoryId: "",
      // 步进器最小值
      value: 0,
    };
  },
  created() {},
  methods: {
    // 返回上一页
    onClickLeft() {
      this.$store.getters.total = 0;
      this.$router.go(-1);
    },
  },
  computed: {},
};
</script>

<style scoped>
/* 产品整体样式 */
.productContent {
  display: flex;
  height: calc(100vh - 100px);
}
</style>